<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>联系客服</title>
    <link rel="stylesheet" href="/css/userweb/bootstrap.min.css">
    <link rel="stylesheet" href="/css/loading.css">
    <link rel="stylesheet" href="/css/userweb/common.css">
    <link rel="stylesheet" href="/css/userweb/customerService.css">
    <style type="text/css">
        [v-cloak] {
            display: none;
        }
    </style>
</head>
<body>
<div id="serviceVue" v-cloak>
    <div class="header">
        <!--导航-->
        <div class="header_nav_container">
            <div class="header_nav_box">
                <div class="user_name">
                    <span>{{user_name}}</span>
                </div>
                <div class="header_nav">
                    <ul>
                        <li>
                            <a :href="'/userweb/index/index.html'">
                                <div class="title_zh">首页</div>
                                <div class="title_en">Home</div>
                            </a>
                        </li>
                        <li>
                            <a :href="'/userweb/index/shoppingCar.html'">
                                <div class="title_zh">购货车</div>
                                <div class="title_en">Shopping Car</div>
                            </a>
                        </li>
                        <li>
                            <a :href="'/userweb/index/collectionFolder.html'">
                                <div class="title_zh">收藏夹</div>
                                <div class="title_en">Collection folder</div>
                            </a>
                        </li>
                        <li class="active">
                            <a :href="'/userweb/index/customerService.html'">
                                <div class="title_zh">联系客服</div>
                                <div class="title_en">Mine</div>
                            </a>
                        </li>
                        <li class="shop_search">
                            <input type="text" v-model="searchs" placeholder="搜索/Search">
                            <div class="shop_search_btn">
                                <a :href="'/userweb/index/index.html?search='+searchs">搜索/Search</a>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="content">
        <div class="content_header">
            <div class="logo">
                <span>小货郎</span>
            </div>
            <div class="cut_line"></div>
            <div class="page_title">
                <div class="title_zh">联系客服</div>
                <div class="title_en">contact Customer Service</div>
            </div>
        </div>
        <div class="my_content_box">
            <div class="collection_nav">
                <ul>
                    <li class="nav_btn active">
                        <a href="#customerService" data-toggle="tab">
                            <div class="title_zh">卖家客服</div>
                            <div class="title_en">trader's customer service</div>
                        </a>
                    </li>
                    <li class="nav_btn">
                        <a href="#smCustomerService" data-toggle="tab">
                            <div class="title_zh">小货郎客服</div>
                            <div class="title_en">customer service</div>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="content_container tab-content" v-loading="loading">
            <div class="customer_info_box tab-pane active" id="customerService">
                <div class="contact_area_box">
                    <div class="contact_service_box">
                        <div class="contact_img">
                            <img src="/image/userweb/slicesImg/online_service.png" alt="">
                        </div>
                        <div class="contact_text">
                            <div class="contact_tit_zh">在线客服</div>
                            <div class="contact_tit_en">online customer service</div>
                        </div>
                    </div>
                    <div class="contact_service_box">
                        <div class="contact_img">
                            <img src="/image/userweb/slicesImg/consumer_hotline.png" alt="">
                        </div>
                        <div class="contact_text">
                            <div class="contact_tit_zh">客服电话</div>
                            <div class="contact_tit_en">consumer hotline</div>
                            <div class="contact_tit">183 8826 8904</div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="customer_info_box tab-pane" id="smCustomerService">
                <div class="contact_area_box">
                    <div class="contact_service_box">
                        <div class="contact_img">
                            <img src="/image/userweb/slicesImg/online_service.png" alt="">
                        </div>
                        <div class="contact_text">
                            <div class="contact_tit_zh">在线客服</div>
                            <div class="contact_tit_en">online customer service</div>
                        </div>
                    </div>
                    <div class="contact_service_box">
                        <div class="contact_img">
                            <img src="/image/userweb/slicesImg/consumer_hotline.png" alt="">
                        </div>
                        <div class="contact_text">
                            <div class="contact_tit_zh">客服电话</div>
                            <div class="contact_tit_en">consumer hotline</div>
                            <div class="contact_tit">{{service_tel}}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="slogan">
        <div class="slogan_title">
            <p>让我们的生活有更好的选择</p>
        </div>
        <div class="sub_slogan_title">
            <p>Let our lives have a better choice.</p>
        </div>
    </div>
</div>
{include file="html/Common/indexFooter"}
</body>
<script src="/js/vue.js"></script>
<script src="/js/vue-resource.js"></script>
<script src="/js/loading.js"></script>
<script src="/js/userweb/jquery.min.js"></script>
<script src="/js/userweb/jquery.imagezoom.min.js"></script>
<script src="/js/bootstrap.min.js"></script>
<script src="/js/userweb/common.js"></script>
<script src="/js/layer.js"></script>
<script src="/js/userweb/indexHome/customerService.js"></script>
<script>
    var ident = false;
    $('.shop_search').click(function () {
        if( false == ident){
            $('.search_box').show();
            ident = true;
        }else {
            $('.search_box').hide();
            ident = false;
        }
    })
    function openCollection() {
        $('.collection_box').show();
    }
    function closeCollection() {
        $('.collection_box').hide();
    }
</script>
</html>